<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template/main.xhtml">

	<ui:define name="title">
	    سفارة المملكة الأردنية الهاشمية في الكويت - الإقتراحات و الشكاوي و الإستفسارات
	</ui:define>

	<ui:define name="content">
		<div class="content">
			<div class="article-container">
				<h3>الإقتراحات و الشكاوي و الإستفسارات</h3>

				<div class="article-separator"></div>

				<div class="clear-floating"></div>

				<h:form>

					<p:messages id="msgs"></p:messages>

					<div class="form_settings">
						<p>
							<span>الإســـــــــم</span>
							<p:inputText value="#{complaintsFormBean.name}" required="true"
								requiredMessage="الرجاء إدخال الإسم"></p:inputText>
						</p>
						<p>
							<span>البريد الإلكتروني</span>
							<p:inputText value="#{complaintsFormBean.email}"
								validatorMessage="الرجاء إدخال بريد إلكتروني صحيح"
								required="true" requiredMessage="الرجاء إدخال البريد الإلكتروني">
								<f:validateRegex
									pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
							</p:inputText>
						</p>
						<p>
							<span>الهاتــــــــف</span>
							<p:inputText value="#{complaintsFormBean.phone}" required="true"
								requiredMessage="الرجاء إدخال الهاتف"></p:inputText>
						</p>
						<p>
							<span>الموضــــــــوع</span>

							<h:selectOneRadio id="type" styleClass="checkbox"
								layout="lineDirection" value="#{complaintsFormBean.type}">
								<f:selectItem itemValue="إستفسار" itemLabel="إستفسار" ></f:selectItem>
								<f:selectItem itemValue="شكوى" itemLabel="شكوى"></f:selectItem>
								<f:selectItem itemValue="إقتراح" itemLabel="إقتراح"></f:selectItem>
							</h:selectOneRadio>
							<!-- <input class="checkbox" type="radio"
								name="name" value="" /><label>إستفسار</label><input
								class="checkbox" type="radio" name="name" value="" /><label>شكوى</label><input
								class="checkbox" type="radio" name="name" value="" /><label>إقتراح</label>  -->
						</p>
						<p>
							<span>الجهــــــــة</span>
							<h:selectOneMenu styleClass="hek" id="division"
								value="#{complaintsFormBean.division}" effect="fade">
								<f:selectItem itemLabel="من فضلك إختر الجهة" itemValue="-1"
									itemDisabled="true" />
								<f:selectItem itemLabel="القسم القنصلي" itemValue="القسم القنصلي" />
								<f:selectItem itemLabel="المستشار العمالي" itemValue="المستشار العمالي" />
								<f:selectItem itemLabel="المستشار الثقافي" itemValue="المستشار الثقافي" />
								<f:selectItem itemLabel="مكتب هيئة تشجيع الإستثمار"
									itemValue="مكتب هيئة تشجيع الإستثمار" />
								<f:selectItem itemLabel="أخرى" itemValue="أخرى" />
							</h:selectOneMenu>

						</p>
						<p>
							<span>الرسالــــــــة</span>
							<p:inputTextarea value="#{complaintsFormBean.message}" rows="8"
								cols="50" required="true" requiredMessage="الرجاء إدخال الرسالة"></p:inputTextarea>

						</p>

						<div dir="ltr" class="captcha-input">
							<p>
								<p:captcha id="captcha" required="true" validatorMessage="الرجاء إدخال الرمز الصحيح"
									requiredMessage="الرجاء إدخال الرمز الصحيح" language="ar"
									theme="white"></p:captcha>

							</p>
						</div>


						<div class="clear-floating"></div>

						<p style="padding-top: 15px">
							<span>&#160;</span>
							<p:commandButton styleClass="center" update="msgs" ajax="true"
								actionListener="#{complaintsFormBean.submitForm}" value="إرسال" />
						</p>
					</div>
				</h:form>

			</div>

		</div>
		<div class="clear-floating"></div>



	</ui:define>


</ui:composition>
</html>